    <div class="login-form-body">

        <nz-card [nzBordered]="false" nzTitle="注册" [nzExtra]="extraTemplate">
            <form nz-form class="loginForm" [formGroup]="loginForm">
                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-form-label [nzSpan]="5" nzRequired>手机号码</nz-form-label>
                        <nz-input-group [nzPrefix]="prefixTemplate">
                            <input nz-input formControlName="mobile" placeholder="请输入您的手机号码" name="mobile" type="text"
                                id="mobile" />
                        </nz-input-group>
                        <!-- <ng-template #prefixTemplate><i nz-icon type="phone"></i></ng-template> -->
                        <nz-form-explain *ngIf="loginForm.get('mobile').dirty && loginForm.get('mobile').errors">
                            请输入正确电话号码!</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control>
                        <nz-input-group [nzSuffix]="verifyCodeTemplate" [nzPrefix]="verifyCodeIconTemplate">
                            <input nz-input type="text" formControlName="verifyCode" name="verifyCode"
                                placeholder="验证码" />
                        </nz-input-group>
                        <ng-template #verifyCodeTemplate>
                            <a (click)='toSendCode()' *ngIf='!sendCodeType'>获取验证码</a>
                            <a *ngIf='sendCodeType'>{{sendCodeNum}}秒</a>
                        </ng-template>
                        <ng-template #verifyCodeIconTemplate><i nz-icon type="info"></i></ng-template>
                        <div class="weui-cell__ft"
                            *ngIf='!loginForm.controls.verifyCode.valid && loginForm.controls.verifyCode.dirty'>请输入验证码
                        </div>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-form-label [nzSpan]="3" nzRequired>密码</nz-form-label>
                        <nz-input-group [nzSuffix]="prefixTemplatePassword" [nzPrefix]="prefixLock">
                            <input nz-input formControlName="loginPw" placeholder="6-20位字母、数字、下划线组合" name="loginPw" type="password"
                                id="loginPw">
                        </nz-input-group>
                        <!-- <ng-template #prefixLock><i nz-icon type="lock"></i></ng-template> -->
                        <nz-form-explain *ngIf="loginForm.get('loginPw').dirty && loginForm.get('loginPw').errors">
                            请输入密码!</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-form-label [nzSpan]="4" nzRequired>确认密码</nz-form-label>
                        <nz-input-group [nzPrefix]="userTemplate">
                            <input nz-input formControlName="reLoginPw" placeholder="请再次确认密码" name="reLoginPw" type="text"
                                id="reLoginPw" />
                        </nz-input-group>
                        <ng-template #userTemplate><i nz-icon type="user"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm.get('reLoginPw').dirty && loginForm.get('reLoginPw').errors">
                            请再次确认密码</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control>
                        <button nz-button [nzType]="'primary'" (click)="submit()"
                            [disabled]="loginForm.invalid">注册完成</button>
                        <div>
                            <a class="login-form-forgot tl" routerLink="/pages/password/reset">
                                忘记密码？
                            </a>
                            <a class="login-form-forgot tr" routerLink="/pages/login">已有账号，立即登录</a>
                        </div>
                    </nz-form-control>
                </nz-form-item>

            </form>
        </nz-card>
        <ng-template #extraTemplate>
            已有云检测账号，<a routerLink="/member/center/home/login">立即登录</a>
        </ng-template>
    </div>